@import '../assets/less/global.less';

.login-content {
  .section-banner {
    position: relative;
    height: 320px;
    max-height: 320px;
    background: url("../assets/images/login-banner.jpg") no-repeat;
    background-size: cover;

    p {
      position: absolute;
      bottom: 120px;
      left: 0;
      right: 0;
      line-height: 34px;
      font-size: 34px;
      color: #fff;
      text-align: center;
    }
  }

  .el-form-item {
    margin-bottom: 22px;
  }

  .el-form-item__error {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 4px;
    line-height: 1;
    font-size: 12px;
    color: @error-color;
  }

  .el-form-item__content {
    position: relative;
    margin: 0;
    font-size: 14px;
  }

  .section-login {
    margin: 50px auto 0;

    form {
      width: 300px;
      margin: 0 auto;
      text-align: center;
    }

    .el-input {
      line-height: 42px;
    }

    .el-input__inner {
      height: 40px;
      font-size: 14px;
    }

    .el-input__suffix {
      cursor: pointer;
    }

    button {
      width: 100%;
      margin-top: 20px;
    }

    .el-form-item__content {
      margin-left: 0;
    }
  }
}
